<template id="temp">
  <div>
    <router-view />
    <div class="set"></div>
    <div class="footer">
      <nav>
        <router-link to="/first"
          ><p><nut-icon name="home"></nut-icon></p>
          首页</router-link
        >
        <router-link to="/order">
          <p><nut-icon name="comment"></nut-icon></p>
          订单</router-link
        >
        <router-link to="/service"
          ><p><nut-icon name="service"></nut-icon></p>
          客服</router-link
        >
        <router-link to="/my"
          ><p><nut-icon name="my2"></nut-icon></p>
          我的</router-link
        >
      </nav>
    </div>
  </div>
</template>
<script lang="ts">
export default {
  setup() {
    return {};
  },
};
</script>
<style lang="sass" scoped>
*
  margin: 0
  padding: 0
  box-sizing: border-box

.set
  width: 100%
  height: 55px
  // float: left

.footer
  z-index: 100
  width: 100%
  position: fixed
  bottom: 0
  background: white
  font-size: 10px
  .van-icon
    font-size: 25px

nav
  padding: 5px
  display: flex
  justify-content: space-evenly
  text-align: center
  a
    font-weight: bold
    color: #2c3e50
    &.router-link-exact-active
      color: red
</style>